<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>湘科院编程协会-协会概况</title>
    <link rel="stylesheet" href="/css/layui.css">
    <link rel="stylesheet" href="/css/index.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function(){
			$.ajax({
				url : "/problem/getHeadNum",
				type : "POST",
				dataType : "json",
				success : function(data) {
					$("#contestNum").text("");
					$("#experimentNum").text("");
					if(data.code == "0001"){
						$("#experimentNum").append("&nbsp;&nbsp;<span class='badge' id='experiment'>"+ data.experimentNum +"</span>");
					}else if(data.code == "0101"){
						$("#contestNum").append("&nbsp;&nbsp;<span class='badge' id='contest'>"+ data.contestNum +"</span>");
						$("#experimentNum").append("&nbsp;&nbsp;<span class='badge' id='experiment'>"+ data.experimentNum +"</span>");
					}else if(data.code == "0100"){
						$("#contestNum").append("&nbsp;&nbsp;<span class='badge' id='contest'>"+ data.contestNum +"</span>");
					}
				}
			});
		});

		var logtype = 1;

		function changeImagelog() {
			//document.getElementById("imglog").src = "/users/getImage?time=" + new Date().getTime();
			document.getElementById("imglog").src = "/front/images/load.jpg";
			$("#yzlog").val("");
			$.ajax({
				url : "/users/getVerification",
				type : "GET",
				success : function(data) {
					if(data.code == "0000") {
						document.getElementById("imglog").src = "data:image/gif;base64," + data.data;
					}
				}
			});
		}

		function changeImagejw() {
			$.ajax({
				url : "/users/getAAOImage",
				type : "GET",
				dataType : "json",
				success : function(data) {
					document.getElementById("jwimg").src = "//imustacm.cn/file/temp/" + data.url;
					$("#cookie").val(data.cook);
				}
			});
			$("#jwyz").val("");
		}

		function changeImagereg() {
			//document.getElementById("imgreg").src = "/users/getImage?time=" + new Date().getTime();
			document.getElementById("imgreg").src = "/front/images/load.jpg";
			$("#yzreg").val("");
			$.ajax({
				url : "/users/getVerification",
				type : "GET",
				success : function(data) {
					if(data.code == "0000") {
						document.getElementById("imgreg").src = "data:image/gif;base64," + data.data;
					}
				}
			});
		}

		function login(){
			$("#login_modal").modal({backdrop: 'static', keyboard: false});
			$("#yanzheng").css("display","none");
			l1();
			return false;
		}

		function forget(){
			$("#forget_modal").modal({backdrop: 'static', keyboard: false});
			$("#tishifor").css("display","none");
			return false;
		}

		function register(){
			$("#register_modal").modal({backdrop: 'static', keyboard: false});
			$("#tishi").css("display","none");
			$("#regok").css("display","none");
			$("#registerform").css("display","inline");
			$("#rs").css("display","inline");
			changeImagereg();
			//stopStreamedVideo();
			return false;
		}

		function registerAjax(){
			var btn = $("#rs");
			btn.button('loading');
			$("#yanzheng").css("display","none");
			$.ajax({
				url : "/users/registerIMUSTACM",
				data : {
					usernamereg : $("#usernamereg").val(),
					passwordreg : $("#passwordreg").val(),
					repasswordreg : $("#repasswordreg").val(),
					namereg : $("#namereg").val(),
					yzreg : $("#yzreg").val(),
				},
				type : "POST",
				dataType : "json",
				success : function(data) {
					if(data.code == "0000"){
						$("#registerform").css("display","none");
						$("#regok").css("display","inline");
						$("#rs").css("display","none");
						btn.button('reset');
					}else{
						$("#yanzheng").text(data.msg);
						$("#yanzheng").css("display","inline");
						changeImagereg();
						btn.button('reset');
					}
				}
			});
		}

		function forgetAjax(){
			var btn = $("#okfor");
			btn.button('loading');
			$("#tishifor").css("display","none");
			$.ajax({
				url : "/users/askBindEmail",
				data : {
					usernamefor : $("#usernamefor").val(),
				},
				type : "POST",
				dataType : "json",
				success : function(data) {
					if(data.code == "0000"){
						$("#forget_modal").modal("toggle");
						$("#forgetok_modal").modal({backdrop: 'static', keyboard: false});
						$("#emailfor").text(data.email);
						$("#una").text($("#usernamefor").val());
						clearfor();
						btn.button('reset');
					}else{
						$("#tishifor").text(data.msg);
						$("#tishifor").css("display","inline");
						btn.button('reset');
					}
				}
			});
		}

		function forgetokAjax(){
			var btn = $("#okforok");
			btn.button('loading');
			$("#tishiforok").css("display","none");
			$.ajax({
				url : "/users/resetPassword",
				data : {
					usernamefor : $("#una").text(),
				},
				type : "POST",
				dataType : "json",
				success : function(data) {
					//if(data.code == "0000"){
					btn.button('reset');
					$("#tishiforok").text(data.msg);
					$("#tishiforok").css("display","inline");
					/* }else{
                        btn.button('reset');
                        $("#tishiemail").text(data.msg);
                        $("#tishiemail").css("display","inline");
                    } */
				}
			});
		}

		function loginAjax(){
			var btn = $("#lg");
			btn.button('loading');
			$("#tishi").css("display","none");
			if(logtype == 1){
				$.ajax({
					url : "/users/loginIMUSTACM",
					data : {
						usernamelog : $("#usernamelog").val(),
						passwordlog : $("#passwordlog").val(),
						yzlog : $("#yzlog").val(),
					},
					type : "POST",
					dataType : "json",
					success : function(data) {
						if(data.code == "0000"){
							location.reload();
						}else if(data.code == "0001"){
							//location.reload();
							window.location.href = "/users/getMyUserInfo";
						}else{
							$("#tishi").text(data.msg);
							$("#tishi").css("display","inline");
							changeImagelog();
							btn.button('reset');
						}
					}
				});
			}else if(logtype == 2){
				$.ajax({
					url : "/users/loginAAOID",
					data : {
						jwusername : $("#jwusername").val(),
						jwpassword : $("#jwpassword").val(),
						jwschool : $("#jwschool").val(),
						jwcook : $("#cookie").val(),
						jwyz : $("#jwyz").val(),
					},
					type : "POST",
					dataType : "json",
					success : function(data) {
						if(data.code == "0000"){
							location.reload();
						}else if(data.code == "0001"){
							//location.reload();
							window.location.href = "/users/getMyUserInfo";
						}else{
							$("#tishi").text(data.msg);
							$("#tishi").css("display","inline");
							changeImagejw();
							btn.button('reset');
						}
					}
				});
			}else if(logtype == 3){
				var img = document.getElementById('canvasCemara');
				ctx = img.getContext('2d');
				var _w = 360, _h = 270;
				var video = document.getElementById('video2');
				if (video.videoWidth > 0) _h = video.videoHeight / (video.videoWidth / _w);
				img.setAttribute('width', _w);
				img.setAttribute('height', _h);
				ctx.fillRect(0, 0, _w, _h);
				ctx.drawImage(video, 0, 0, _w, _h);

				img = document.getElementById('canvasCemara');
				var canvas = document.createElement('canvas');
				canvas.width = 360;
				canvas.height = 270;

				var ctx = canvas.getContext("2d");
				ctx.drawImage(img, 0, 0, 360, 270);

				var dataURL = canvas.toDataURL("image/jpeg", 1);
				$.ajax({
					url : "/users/loginFaceID",
					data : {
						'base64':dataURL
					},
					type : "POST",
					dataType : "json",
					success : function(data) {
						if(data.code == "0000"){
							location.reload();
						}else if(data.code == "0001"){
							//location.reload();
							window.location.href = "/users/getMyUserInfo";
						}else{
							$("#tishi").text(data.msg);
							$("#tishi").css("display","inline");
							btn.button('reset');
						}
					}
				});
			}
		}

		function logout(){
			$.ajax({
				url : "/users/logout",
				type : "POST",
				dataType : "json",
				success : function(data) {
					if(data.code == "0000"){
						location.reload();
					}else {

					}
				}
			});
		}

		function clearts() {
			$("#tishi").css("display","none");
		}

		function clearyz() {
			$("#yanzheng").css("display","none");
		}

		function clearfor() {
			$("#tishifor").css("display","none");
		}

		function stopStreamedVideo() {
			var videoElem = document.getElementById('video2');
			let stream = videoElem.srcObject;
			let tracks = stream.getTracks();

			tracks.forEach(function(track) {
				track.stop();
			});

			videoElem.srcObject = null;
		}

		function l1(){
			logtype = 1;
			$("#tishi").css("display","none");
			$("#l2").removeClass("active");
			$("#l3").removeClass("active");
			$("#l1").addClass("active");
			$("#usernamelog").focus();
			$("#facediv").css("display","none");
			$("#jwform").css("display","none");
			$("#logform").css("display","inline");
			changeImagelog();
			//stopStreamedVideo();
		}

		function l2(){
			logtype = 2;
			$("#tishi").css("display","none");
			$("#l1").removeClass("active");
			$("#l3").removeClass("active");
			$("#l2").addClass("active");
			$("#facediv").css("display","none");
			$("#logform").css("display","none");
			$("#jwform").css("display","inline");
			changeImagejw();
			stopStreamedVideo();
		}

		function l3(){
			logtype = 3;
			$("#tishi").css("display","none");
			$("#l1").removeClass("active");
			$("#l2").removeClass("active");
			$("#l3").addClass("active");
			$("#logform").css("display","none");
			$("#jwform").css("display","none");
			$("#facediv").css("display","inline");
			var video = document.getElementById('video2');
			var constraints = {audio: false, video: true};
			function successCallback(stream) {
				video.srcObject = stream;
				video.play();
			}
			function errorCallback(error) {
				console.log("navigator.getUserMedia error: ", error);
				$(".CameraTips").show();
			}
			navigator.mediaDevices.getUserMedia(constraints).then(successCallback).catch(errorCallback);
		}

	</script>

</head>

<body>
<!-- nav部分 -->
<div class="nav">
    <div class="layui-container">
        <!-- logo -->
        <div class="nav-logo">
            <a href="index">
                <img src="/img/logo.png" style="width: 200px" height="80px" alt="湘科院编程协会">
            </a>
        </div>
        <div class="nav-list">
            <button>
                <span></span><span></span><span></span>
            </button>
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><a href="/index">首页</a></li>
                <li class="layui-nav-item layui-this"><a href="/gaikuang">协会概况</a></li>
                <li class="layui-nav-item"><a href="/dongtai">协会动态</a></li>
                <li class="layui-nav-item"><a href="/wangjie">往届风采</a></li>
                <li class="layui-nav-item"><a href="/xuexi">交流学习</a></li>
                <li class="layui-nav-item"><a href="/shiguang">我们的时光</a></li>
                <li class="layui-nav-item"><a href="/jiaru">加入我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- banner部分 -->
<div class="banner grjs">
    <div class="title">
        <p>协会概况</p>
        <p class="en">Association profile</p>
    </div>
</div>

</br>
</br>

<!-- main部分 -->
<div class="main-about">
    <div class="layui-container">
        <div class="layui-row">
            <div class="content">


                <div class="text-left content" style="font-weight:250;letter-spacing:1px;font-size:14px;"><br/><br/>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;ACM是什么？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">ACM：Association for Computing
                        Machinery，即国际计算机学会。ICPC：International Collegiate Programming
                        Contest，即国际大学生程序设计竞赛。ACM国际大学生程序设计竞赛（英文全称：ACM International Collegiate Programming
                        Contest，通常简称：ACM /
                        ICPC或ICPC）是由国际计算机学会（ACM）主办的，一项旨在展示大学生创新能力、团队精神和在压力下编写程序、分析和解决问题能力的年度竞赛，是世界上公认的规模最大、水平最高的国际大学生程序设计竞赛。经过近30多年的发展，ACM国际大学生程序设计竞赛已经发展成为最具影响力的大学生计算机竞赛，是广大爱好计算机编程的大学生、特别是计算机、软件类大学生展示才华的舞台，是大学计算机教学水平、学生素质的直接体现。在各级ACM竞赛活动中涌现出的优秀学子，也深受IT企业的青睐。</p>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;内蒙古科技大学ACM程序设计协会是一个什么样的社团？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">
                        内蒙古科技大学ACM程序设计协会成立于2009年9月6日，是基于国际大学生ACM程序设计竞赛而成立的实践类学习型的学生社团。协会指导老师是兰孝文老师、丁雨老师、郝斌老师和胡伟健老师，ACM竞赛集训队现有成员20余人。在近年内蒙古自治区大学生程序设计竞赛中，内蒙古科技大学ACM集训队成员的竞赛成绩均名列前茅。</p>
                    <p style="text-indent:2em;line-height:30px;">
                        协会在积极组织集训队的同时，也调动更广大同学学习计算机知识的积极性、主动性，全面提高同学们算法与程序设计能力，突出编程能力和思维的训练，营造浓厚的学习氛围，增强同学们的总体素质和竞争力。ACM程序设计协会将依靠师生共同的力量，热诚为学生的全面成长服务，以培养会员的编程创新能力为核心，兼顾低年级大学生计算机基础知识学习组织与帮扶的目标，创造性地开展工作。</p>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;协会平时主要有哪些活动？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">协会分为两个小组，ACM程序设计小组（ACM集训队）与基础兴趣学习小组。</p>
                    <p style="text-indent:2em;line-height:30px;">
                        对于ACM程序设计小组（ACM集训队），我们的要求是对计算机编程特别感兴趣，有一定的计算机语言基础和用计算机编程解决问题的能力，并能实实在在的一直参加协会的活动。我们主要学习和交流的内容是算法与数据结构，其中主要包括递归与分治、贪心、回溯、动态规划、数组与字符串的处理、数据结构、数论和一些ACM题目等内容。我们也会定期布置一些题目让大家来做，或让大家对自己做过的题目做些分析、讲解等。</p>
                    <p style="text-indent:2em;line-height:30px;">
                        对于基础兴趣学习小组，我们的要求是对计算机编程感兴趣，有一定的自学能力，能够踏实地参加协会组织的学习交流活动。我们主要学习和交流的内容是C语言设计基础、Java编程基础等，其中包括编程语言的基本语句和语法和一些基本的设计题目。这个小组的目的是增加协会在学校的影响力，增加协会同学与其他同学在编程知识学习方面的交流，目标是提供一个平台，锻炼我们自己，也能够让大家学到关于编程方面的知识。</p>
                    <p style="text-indent:2em;line-height:30px;">此外，协会每年还定期协办“内蒙古科技大学ACM大学生程序设计竞赛（IMUSTCPC）”。</p>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;集训队成员可以参加到哪些比赛？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">
                        “蓝桥杯”全国软件专业人才设计与创业大赛、“挑战杯”全国大学生课外学术科技作品竞赛、“创青春”全国大学生创业大赛、CCCC中国高校计算机大赛、CCPC中国大学生程序设计竞赛、ACM/ICPC国际大学生程序设计竞赛、中国大学生服务外包创新创业大赛、“中国软件杯”大学生软件设计大赛、“互联网+”大学生创新创业大赛、中国大学生计算机设计大赛、华北五省计算机应用大赛等等。</p>
                    <p style="text-indent:2em;line-height:30px;">具体的ACM集训队历年参赛成果，可以在IMUSTACM网站“社团文化→荣誉展廊”目录下查看。</p>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;加入ACM程序设计协会还有哪些优势？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">
                        你将会充分提升分析及解决复杂问题的能力、团队沟通合作能力、抗压能力以及收货颇多其他收获（社会实践分、外出参赛经历、就业推荐、研究生推免加分等等）。具体可以参考：
                    <p style="text-indent:2em;line-height:30px;">
                        1、目前学不会不用怕，协会各年级超级优秀的学长学姐和超级厉害的指导老师给你答疑，带你学习带你飞，只要你肯学；</p>
                    <p style="text-indent:2em;line-height:30px;">2、按时参加协会组织的集训等各项活动，可以获取每学期的社会实践分，参与社会实践奖学金评定；</p>
                    <p style="text-indent:2em;line-height:30px;">3、ACM集训队优秀成员可被选派参加自治区、国家级各项编程类赛事，在比赛中为自己和学校争得荣誉；</p>
                    <p style="text-indent:2em;line-height:30px;">4、在协会学到的知识全部是找工作面试必问内容，大四时还可以优先获得协会优秀毕业学长公司实习或校招内推；</p>
                    <p style="text-indent:2em;line-height:30px;">5、科技创新成果也是研究生推免的重要指标项之一，历年协会学长学姐在计算机系的推免率都是超级高的呦。</p>
                    <p style="font-weight:600;letter-spacing:1px;font-size:14px;text-indent:2em;line-height:40px;">
                        <svg t="1600184756598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="1176" width="12" height="12">
                            <path d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450c0-248.528-201.472-450-450-450-248.528 0-450 201.472-450 450z"
                                  p-id="1177" fill="#d81e06"></path>
                        </svg>&nbsp;&nbsp;如何加入ACM程序设计协会？
                    </p>
                    <p style="text-indent:2em;line-height:30px;">
                        动动手指，搜索并加入QQ群：147154718，就可以啦！加群时记得填写姓名、专业、年级、班级等验证信息哦。</p>
                    <p style="text-indent:2em;line-height:30px;">内蒙古科技大学ACM程序设计协会热忱欢迎对编程有兴趣或想学好编程的同学的加入！</p><br/>
                    <p style="text-align:center;"><img src="//www.imustacm.cn/imustacm/2015BY.JPG" width="628"
                                                       height="444" style="text-align:center;"/></p>
                    <p style="text-align:center;line-height:30px;">内蒙古科技大学ACM程序设计协会2015-2018级协会部分成员合影</p><br/>
                    <p style="text-align:center;"><img src="//www.imustacm.cn/imustacm/2014BY.png" width="628"
                                                       height="444" style="text-align:center;"/></p>
                    <p style="text-align:center;line-height:30px;">内蒙古科技大学ACM程序设计协会2014-2017级协会部分成员合影</p><br/>
                    <p style="text-align:center;"><img src="//www.imustacm.cn/imustacm/about/about2.jpg" width="628"
                                                       height="424" style="text-align:center;"/></p>
                    <p style="text-align:center;line-height:30px;">内蒙古科技大学ACM程序设计协会2013-2016级协会部分成员合影</p><br/>
                    <p style="text-align:center;"><img src="//www.imustacm.cn/imustacm/about/about1.jpg" width="628"
                                                       height="424" style="text-align:center;"/></p>
                    <p style="text-align:center;line-height:30px;">内蒙古科技大学ACM程序设计协会2012-2015级协会部分成员合影</p><br/><br/>
                </div>
                <!--文本部分-->
            </div>
        </div>
    </div>
</div>
<!-- footer部分 -->
<div class="footer">
    <div class="layui-container">
        <p class="footer-web">
            <a href="http://www.ccyl.org.cn/">共青团中央</a>
            <a href="http://www.ccyl.org.cn/organs/institution/xxb/">团中央学校部</a>
            <a href="http://www.gdcyl.org/Index.html">广东共青团</a>
            <a href="http://www.gdcyl.org/xxb/">广东学联</a>
            <a href="http://www.qygqt.org/">清远共青团</a>
            <a href="http://www.qypt.com.cn/">清远职业技术学院</a>
        </p>
        <div class="layui-row footer-contact">
            <div class="layui-col-sm2 layui-col-lg1"><img src="/img/erweima.png"></div>
            <div class="layui-col-sm10 layui-col-lg11">
                <div class="layui-row">
                    <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
                        <p class="contact-top">本站部分文章、资源来自互联网，版权归原作者及网站所有</p>
                        <p class="contact-bottom">如果侵犯了您的权利，请及时致信告知我站</p>
                    </div>
                    <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
                        <p class="contact-top"><span class="right">广东省清远市清城区蟠龙园</span></p>
                        <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2018-2020 17移动1班吴坤周</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/js/layui.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    layui.config({
        base: '../res/static/js/'
    }).use('firm');
</script>
</body>

</html>